<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/base.css">
    <link rel="stylesheet" type="text/css" href="__CSS__/my.css?11">
    <script src="__JS__/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="__JS__/reset.js"></script>
    <title>海报大厅</title>
</head>
<body>
<div class="wrap">
    <div class="header">
        <img class="userhead" src="{$userInfo.head_img_url}" alt="">
        <p class="username">{$userInfo.nickname}</p>
        <p class="title">总资产 (元) </p>
        <p class="money">{php}echo ($userInfo['amount']+$userInfo['fall_into_amount'])/100{/php}</p>
        <div class="txBtn" id="toTx">提现</div>
    </div>
    <!-- 内容 -->
    <div class="main">
        <div class="top_money">
            <div class="left_msg">
                <p class="title">我的额度(元)</p>
                <p class="money">{$userInfo.amount/100}</p>
            </div>
            <div class="right_msg">
                <p class="title">下级奖励额度(元)</p>
                <p class="money">{$userInfo.fall_into_amount/100}</p>
            </div>
        </div>

        <!-- 导航列表 -->
        <div class="nav_list">
            <ul class="list">
                <li class="item" id="toIncome">
                    <i class="iconfont icon" style="color:#fd9a54;">&#xe60c;</i>
                    <p class="title">我的收益</p>
                    <i class="iconfont icon">&#xe60d;</i>
                </li>
                <li class="item  bottom" id="toLowerIncome">
                    <i class="iconfont icon" style="color:#fd5050">&#xe60b;</i>
                    <p class="title">下级奖励收益</p>
                    <i class="iconfont icon">&#xe60d;</i>
                </li>
                <!--  -->
                <li class="item" id="toCommend">
                    <i class="iconfont icon" style="color:#47aef0">&#xe62b;</i>
                    <p class="title">下级推荐</p>
                    <i class="iconfont icon">&#xe60d;</i>
                </li>
                <li class="item" onclick="javasrcipt:location.href='/public/index.php/index/user/help'">
                    <i class="iconfont icon" style="color:#f82a2a">&#xe670;</i>
                    <p class="title">新手指南</p>
                    <i class="iconfont icon">&#xe60d;</i>
                </li>
                <li class="item bottom">
                    <i class="iconfont icon" style="color:#fd9a54">&#xe636;</i>
                    <p class="title">我的海报</p>
                    <i class="iconfont icon">&#xe60d;</i>
                </li>
                <li class="item bottom" onclick="showQrcode();">
                  <i class="iconfont icon" style="color:#fd9a54">&#xe612;</i>
                  <p class="title">官方公众号</p>
                  <i class="iconfont icon">&#xe60d;</i>
              </li>
            </ul>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <ul class="footer_list">
            <li class="footer_item" id="toHome">
                <i class="iconfont icon ">&#xe65d;</i>
                <p class="title">海报大厅</p>
            </li>
            <li class="footer_item toTx">
                <i class="iconfont icon ">&#xe608;</i>
                <p class="title">提现</p>
            </li>
            <li class="footer_item">
                <i class="iconfont icon active">&#xe601;</i>
                <p class="title active">我的</p>
            </li>
        </ul>
    </div>
    <!-- 公众号弹框 -->
    <div class="showImgDetail" style="display:none;">
        <div class="showImg_con">
          <i class="iconfont close" id="close_img">&#xe602;</i>
          <div class="img_wrap">
            <img class="imgs" src="__IMG__/qrcode.jpg" alt="">
          </div>
          <div class="down">
            <div class="btn_down">长按扫码关注公众号</div>
          </div>
        </div>
      </div>
</div>

<script>
  function showQrcode(){
    $('.showImgDetail').show();
  }
  $(function(){
     // 关闭图片详情
    $('#close_img').click(()=>{
      $('.showImgDetail').hide();
    })
  })
  
</script>
</body>
</html>